<?php 
session_start();
require_once 'xhtmlHeader.php';
require_once 'HTML5Header.php';
?>

<?php 
	if (!isset($_SESSION["nombre"])){
          header("Location: index.php");          
    }
    else {    
?>

<script type="text/javascript" src="lib/jquery.min.js"></script> 
<script type="text/javascript" src="lib/jquery.pagination.js"></script>
	
<script type="text/javascript"> 
function pageselectCallback(page_index, jq){
	var numElem=4;
	var content = jq;
	$('#Searchresult').empty();
	//alert(page_index);
	for(var i=page_index*numElem;i<(page_index*numElem)+numElem;i++) {
		jQuery('#oculto div.elementores:eq('+i+')').clone().appendTo('#Searchresult');
    }
    return false;
}

//Initialisation function for pagination
function initPagination() {
	// count entries inside the hidden content
	var num_entries = jQuery('#oculto div.elementores').length;
	// Create content inside pagination element
	$("#Pagination").pagination(num_entries, {callback: pageselectCallback,	items_per_page:4 });
		pageselectCallback(0, jQuery('#oculto div.elementores'));
	}

function interruptor(parte) { 
	$("div[id^='cine_']").css("display","none");
	$(parte).css("display","inline");
}
   
function oculta(){ 
	$("div[id^='cine_']").css("display","none"); 
} 
</script>

<body>
	<div class="container">
		<?php require 'config_bbdd.php';?>
		<?php require_once 'BarraNavegacion.php';?>
		<?php require_once 'muestraCine.php';?>
			<?php 
				if (!isset($_SESSION["provinciaUser"])){
					echo "<p class=\"fb5\">No has seleccionado una provincia. Hasta
					 que no lo hagas, no te podremos mostrar los cines de tu ciudad. Para hacerlo, por favor,
				 	accede a la <a href=\"configuracion.php\">configuración</a></p>";
					//$_SESSION['msgError']="Debes introducir tu provincia para poder ver los cines de tu ciudad.";
		 			//header ("Location: configuracion.php");
				}
				else{
			?>
			<div id="contenido">
			<h1>Cines</h1>
			<p>A continuación puedes ver todos los cines de tu provincia disponibles en
			nuestra base de datos.</p>
			<?php 
				if (isset($_SESSION['provinciaUser'])){
					if (! @mysql_select_db("usersweb",$myconn)){
						echo "<p>Error al conectar a la BBDD.</p>";
						exit();
					}
					
					$sql = "SELECT ID, Nombre FROM moodvieweb.ciudad WHERE IDProvincia ='" .$_SESSION['provinciaUser']. "';";
					$result = mysql_query($sql, $myconn);

			?>
					<form class="form-inline" action="cinesDeProvincia.php" method="post">
						<p>Elige una zona de tu provincia</p>
						<select name="zonas" onchange="prueba()">
							<option value="Todas">Todas</option>
							<?php
								while($row = mysql_fetch_array($result)){
									echo "<option value=\"".utf8_encode($row['ID'])."\">".utf8_encode($row['Nombre'])."</option> \n";
								}
							?>
						</select>
						<input class="btn btn-primary" type="submit" value="Ir" />
						<br/>
						<br/>
					</form>
			<?php 
				} 
			?>
			<div id="Pagination"></div>
				<div id="Searchresult" style="clear: left"> 
					Cargando los cines
				</div> 
				<?php
				 	//Si no se puede conectar a la BBDD 
					if (! @mysql_select_db("usersweb",$myconn))
					{
						echo "<p>Error al conectar a la BBDD.</p>";
						exit();
					}
					
					//Saco las películas de la provincia. Así mejor que con subconsultas.
					if ( (isset($_POST['zonas'])) && ($_POST['zonas']!="Todas") )
					{
						$sql = "SELECT c.* FROM moodvieweb.CINE c WHERE c.IDCiudad ='" .$_POST['zonas']. "';";
					}
					else
					{				
						$sql = "SELECT c.* FROM moodvieweb.CINE c WHERE c.IDProvincia ='" .$_SESSION['provinciaUser']. "';";
					}
					
					$result = mysql_query($sql, $myconn);
					//Las muestro formateadas
					echo "<div id=\"oculto\" style=\"display:none;\">";
					
					while($row = mysql_fetch_array($result))
					{
						echo "<div class=\"elementores\">";
						muestraCine($row,$myconn,false);
						echo "</div>";//class="elementores"
						echo "\n";
						
					}
					echo "</div>";//id="oculto"
				?> 
			</div>
		
<script>//$(".ocultame").css("display","none");
	$("div[id^='cine_']").css("display","none");
</script>
		
<script type="text/javascript"> 
	initPagination();
</script> 
		
			<br />
			<br />
			<br />
		</div>	
</body>
<?php }}?>
</html>